<template>
  <div>路由页面</div>
  <button @click="jump">跳转到detail页面</button>
</template>

<script setup>
import { useRouter } from "vue-router";

// 调用useRouter就可以得到路由实例
// 官方提供的hooks（use开头的函数）都只能在setup的顶层被调用
const router = useRouter();

const jump = () => {
  // this.$router.push("/data");
  // const router = useRouter(); ×
  // router.push("/data");
  router.push("/detail/34566554");
};
</script>
